---
type: tutorial
title: Veröffentliche deine Website im Internet
description: |-
  Tutorial: Erstelle deinen ersten Astro-Blog —
  Verbinde das GitHub-Repository deines Tutorial-Projekts mit Netlify und veröffentliche deine Website im Internet
i18nReady: true
---

import Checklist from '~/components/Checklist.astro';
import Box from '~/components/tutorial/Box.astro';
import MultipleChoice from '~/components/tutorial/MultipleChoice.astro';
import Option from '~/components/tutorial/Option.astro';
import PreCheck from '~/components/tutorial/PreCheck.astro';
import { Steps } from '@astrojs/starlight/components';
import Badge from "~/components/Badge.astro"

<PreCheck>
  - dein GitHub-Repository als neue Netlify-App hinzuzufügen
  - deine Astro-Website im Internet zu veröffentlichen
</PreCheck>

Hier wirst du dein GitHub-Repository mit Netlify verbinden. Netlify verwendet dieses Projekt, um deine Website jedes Mal automatisch zu erzeugen und zu veröffentlichen, wenn du eine Änderung an deinem Code commitest. 

:::tip[Wir verwenden …]
In diesem Tutorial verwenden wir **Netlify**, aber du kannst auch deinen bevorzugten Hosting-Anbieter verwenden, um deine Website im Internet zu veröffentlichen.
:::

## Erstelle eine neue Netlify-Website

<Steps>
1. Erstelle ein kostenloses Konto bei [Netlify](https://netlify.com), falls du noch keines hast.

    Notiere dir deinen Benutzernamen. Du kannst dein Dashboard und alle erstellten Websites unter `https://app.netlify.com/teams/username` ansehen.

2. Klicke auf <kbd>Add new project</kbd> > <kbd>Import an existing project</kbd>.

    Du wirst aufgefordert, dich mit einem Git-Anbieter zu verbinden. Wähle GitHub und folge den angezeigten Schritten, um dein GitHub-Konto zu authentifizieren. Wähle anschließend das GitHub-Repository deines Astro-Projekts aus der angezeigten Liste aus.

3. Im letzten Schritt zeigt dir Netlify die Seiteneinstellungen deiner App. Die Standardwerte sollten für dein Astro-Projekt korrekt sein. Scrolle nach unten und klicke auf <kbd>Deploy site</kbd>.
</Steps>

Herzlichen Glückwunsch – du hast jetzt eine Astro-Website!

## Ändere deinen Projektnamen

Auf der Übersichtsseite deiner Website in Netlify siehst du den automatisch generierten Projektnamen sowie deine Website-URL im Format `https://projektname-123456.netlify.app`. Du kannst den Projektnamen in etwas Einprägsameres ändern; die URL wird automatisch angepasst.

## Besuche deine neue Website

Klicke in den Website-Einstellungen auf die URL oder gib sie in die Adresszeile deines Browsers ein, um deine neue Website zu besuchen.

<Box icon="question-mark">

### Teste dein Wissen

Du möchtest die Startseite deiner bestehenden Website aktualisieren. Welche Schritte führst du aus?

  <MultipleChoice>
    <Option>
      Ich öffne ein Terminal, führe `create astro` aus und besuche dann meine Netlify-URL.
    </Option>
    <Option>
      Ich ändere eine Einstellung in meiner Netlify-App und starte dann ein neues Astro-Projekt auf astro.new.
    </Option>
    <Option isCorrect>
      Ich bearbeite `index.astro`, committe und pushe meine Änderungen zu GitHub. Netlify erledigt den Rest!
    </Option>
  </MultipleChoice>
</Box>

<Box icon="check-list">
## Checkliste

<Checklist>
- [ ] Ich kann meine aktualisierte Website online ansehen.
- [ ] Ich bin bereit, weiter zu coden!
</Checklist>
</Box>

### Ressourcen

- <p>[Eine Schritt-für-Schritt-Anleitung zum Veröffentlichen auf Netlify](https://www.netlify.com/blog/2016/09/29/a-step-by-step-guide-deploying-on-netlify/) <Badge class="neutral-badge" text="extern" /></p>
